:root {
  --c-brand: #ca931c;
  --c-accent: #729B1B;
  --font-family-base: "Readex Pro", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont, sans-serif;
  --bg-gradient: 255,255,255;
  --cm-ttc-c-thumb: #eee;
  --cm-ttc-c-track: white;
}

.dark {
  --c-bg: rgb(20,20,20) !important;
  --c-text: rgb(255,255,255,87%) !important;
  --c-text-light: #fdd888 !important;
  --c-brand: #fdd888 !important;
  --c-accent: #90C321 !important;
  --bg-gradient: 20,20,20 !important;
  --code-inline-bg-color: #282c34aa !important;
  --cm-ttc-c-thumb: #333;
  --cm-ttc-c-track: #111;
}
.dark tr:nth-child(2n) {
  background-color: var(--c-bg) !important;
}
.dark tr {
  border-top: 1px solid var(--code-inline-bg-color) !important;
}

main.home ul > li {
  opacity: 0.8;
  transition: .1s ease;
}
main.home ul > li:hover {
  opacity: 1;
}

main.home {
  position: relative;
  overflow-x: hidden;
}

@media screen and (max-width: 768px) {
  main.home {
    background-size: 100%;
  }
}

main.home {
  background:
    radial-gradient(ellipse, rgba(var(--bg-gradient),1) 50%, rgba(var(--bg-gradient),0.4) 120%),
    radial-gradient(ellipse at top, rgba(var(--bg-gradient),0.8) 20%, rgba(var(--bg-gradient),0) 100%),
    radial-gradient(ellipse at left, rgba(var(--bg-gradient),0.6) 20%, rgba(var(--bg-gradient),0) 100%),
    radial-gradient(ellipse at right, rgba(var(--bg-gradient),0.6) 20%, rgba(var(--bg-gradient),0) 100%);
}


.custom-block.tip {
  background-color: rgba(255, 229, 100, 0.1)
}

.custom-block.info {
  color: var(--c-text-light-2);
}

.custom-block.warning {
  color: inherit;
}

.nav-bar-title .logo {
  height: 1.5em !important;
  margin-right: 0.5rem !important;
}

/* Overrides */

.custom-block.tip {
  border-color: var(--c-accent) !important;
  background-color: #90C32130 !important;
}

.container {
  margin: 0 auto;
  padding: 1rem 1.5rem 4rem !important;
  max-width: 64rem !important;
}

th, td {
  border: 1px solid #8885;
}

/* h3 breaks SEO => replaced with h2 with the same size */
.home-content h2 {
  margin-top: 2rem;
  font-size: 1.35rem;
  border-bottom: none;
  margin-bottom: 0;
}

img.resizable-img {
  width: unset;
  height: unset;
}